<template>
	<view>
		<u-sticky offset-top="0">
			<navBarView title="选择模版" :statusBarHeight="statusBarHeight"></navBarView>
		</u-sticky>
		<view class="wrapView">
			<view @click="lawyerItemClick(index)" v-for="index in 2" :key="index" class="wrapItem flex-column-center">
				<image style="width: 226rpx;height: 300rpx;border-radius: 10rpx 10rpx 10rpx 10rpx;background-color: aqua;"></image>
				<view style="font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 30rpx;color: #333333;margin-top: 20rpx;">
					律师事务所函书
				</view>
				<image style="width: 36rpx;height: 36rpx;margin-top: 12rpx;background-color: red;"></image>
			</view>
		</view>
		<view style="margin-left: 24rpx;margin-top: 66rpx;">
			logo
		</view>
		<view class="flex-column-center" style="width: 200rpx;margin-left: 24rpx;margin-top: 30rpx;">
			<image style="width: 200rpx;height: 200rpx;background-color: pink;"></image>
			<view style="margin-top: 6rpx;">
				更换
			</view>
		</view>
		<view style="height: 160rpx;"></view>
		<view class="fixed-bottom" style="height: 140rpx;background-color: white;">
			<view @click="saveHeTongClick()" class="loginButton">
				下一步
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		
		onShow() {
			let sysInfo = uni.getSystemInfoSync()
			this.statusBarHeight = sysInfo.statusBarHeight; // 状态栏高度
			this.criminalTypeViewTopHeight = 88+15; // case tyep 距离顶部高度
		},
		data() {
			return {
				statusBarHeight: '',// 状态栏高度 
				
			}
		},
		methods: {
			saveHeTongClick(){
				uni.navigateTo({
					url:'/pageD/createHanShuSuccess/createHanShuSuccess'
				})
			}
		}
	}
</script>

<style>
	.loginButton {
		margin-top: 10rpx;
		margin-left: 64rpx;
		width: 620rpx;
		height: 90rpx;
		background: linear-gradient( to bottom, #E93548 0%, #F35B43 100%);
		box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(235,43,59,0.4);
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		line-height: 90rpx;
		text-align: center;
	}
	.wrapView{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: space-between;
		margin-left: 12rpx;
		margin-top: 18rpx;
	}
	.wrapItem{
		margin-left: 12rpx;
		margin-top: 30rpx;
		width: 226rpx;
		height: 420rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
	}
</style>
